.index {
	.i-header {
		padding: 0 2%;
		background: #FFFFFF;
	}
	.i-banner {
		.b-swiper {
			width: 100%;
			height: 320rpx;
			border-radius: 5px;
			overflow: hidden;
			transform: translateY(0);
			.s-item {
				height: 100%;
				width: 100%;
				image {
					width: 100%;
					height: 100%;
				}
			}
		}
	}
	
	.i-multi {
		.m-box {
			display: flex;
			.b-item {
				flex: 1;
				display: flex;
				flex-wrap: wrap;
				image {
					display: inline-block;
					width: 100%;
					height: 320rpx;
				}
			}
			
		}
		.m-box:first-child {
			.b-item {
				flex: 1;
				image {
					width: 100%;
					height: 180rpx;
				}
			}
		}
		.m-box:last-child {
			.b-item {
				flex: 1;
				margin: 20rpx 0;
				image {
					width: 100%;
					height: 100rpx;
				}
			}
		}
	}

	.i-goods {
		.g-tabs {
			display: flex;
			height: 66rpx;
			padding: 0 2%;
			background: #FFFFFF;
			.t-item {
				display: flex;
				align-items: center;
				padding: 0 20rpx;
			}
			.t-item-active {
				border-bottom: 1px solid #FF464E;
				text {
					color: #FF464E;
				}
			}
		}
		.g-content {
			padding-top: 10rpx;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			background: #F1F1F1;
			.c-box {
				width: 49%;
				display: flex;
				flex-direction: column;
				background: #FFFFFF;
				margin-bottom: 15rpx;
				image {
					width: 100%;
					height: 400rpx;
				}
				.b-wrap {
					display: flex;
					flex-direction: column;
					.w-tips {
						padding: 10rpx 3% 0;
						color: #FF464E;
						font-size: 30rpx;
					}
					.w-title {
						display: flex;
						justify-content: space-between;
						padding: 0 3% 20rpx;
						text {
							font-size: 24rpx;
						}
						text:nth-child(1) {
							width: 65%;
							white-space: nowrap;/* 不换行 */
							overflow: hidden;/* 内容超出宽度时隐藏超出部分的内容 */
							text-overflow: ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与    overflow:hidden;一起使用。*/
						}
					}
				}
			}
		}
	}

}